前言
许久未更新了,今天七夕,为了逃避现实,重启博客。
本博客主要记录一些前端学习中的入门级问题。
正文
Q1:HTML标签、元素、属性都是什么概念?
HTML标签:HTML标签标记了HTML文档和HTML元素,HTML标签由开始标签和结束标签组成.
开始标签为尖括号包围的元素名,结束标签为尖括号包围的斜杠和元素名。
例如:<h2> My First Heading</h2>
HTML元素:HTML文档是由html元素定义的.
HTML的元素是指从开始标签到结束标签的所有代码..例如:<p>我是一个段落</p>
表示一个html元素.
可以看出,html元素主要包括html标签和纯文本.标签定义网页显示的格式,文本表示网页的内容.
故此,网页 = html文档,而html文档则是由html元素定义的.
HTML属性:
HTML属性为HTML元素提供附件信息,例如在超链接标签<a href = “https://inspurer.github.io>月小水长的个人博客</a>
使用了href属性来指定超链接的地址.
属性总是以名称/值的形式出现,例如:name = “value”
属性总是在开始标签中定义.
Q2:meta标签都用来做什么的?
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
Q3: Web语义化是什么,是为了解决什么问题?
简言之,web语义化的目的是提高计算机和人对web代码的可读性。
网上的解释很多,个人总结分三个阶段比较容易理解。
1、原始的一些有实际含义的标签定义。浏览器和W3C组织推出的如h1~h6、thead、ul、ol
的HTML标签用于在Web页面中组织对应的内容,如网页标题、表头、无序、有序列表,
以达到更方便的协作及传播互联网内容的目的。搜索引擎很好的利用了这些语义化标签抓取
内容,又鉴于搜索引擎的巨大流量推荐,Web前端不得不考虑SEO,从而两者实现有益的
循环,共同推进着语义化标签的使用。
2、前端开发人员自定义的标签。但Web的发展超乎想象,起初定义的HTML语义化标签,
不足以实现对Web页面各个部分的功能或位置描述,所以Web前端人员利用HTML标签的
id和class属性,进一步对HTML标签进行描述,如对页脚HTML标签添加如id=”footer
“或者class=”footer”的属性(值),以“无声”的方式 在不同的前端程序员或者
前后端程序员间实现交流。
3、在第二步的推动下结合新技术出现的一些标签。W3C组织意识到了之前HTML版本的不足,
推出的HTML5进一步推进了Web语义化发展,采用了诸如footer、section等语义化标签,
弥补了采用id=”footer”或者class=”footer”形式的不足,以更好的推动Web的发展。
正所谓:世上本没有路,走的人多了,也便成了路。
Q4: 表单标签都有哪些,对应着什么功能,都有哪些属性?
还是W3School的这篇教程经典:HTML表单标签之input
Q5: ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方?举个例子.
1.无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于 <ul>
标签。每个列表项始于 <li>
。
2.有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol>
标签。每个列表项始于<li>
标签。
`
- `
3.定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl>
标签开始。每个自定义列表项以 <dt>
开始。
每个自定义列表项的定义以<dd>
开始。