html基础|青训营笔记

59 阅读2分钟
这是我参与“第五届青训营”伴学笔记创作活动的第一天。
第一天前端专场的录播课里简单介绍了html的相关属性,内含其标签、语义标准等,比我在校学到的更笼统,更细化。
首先,他介绍了一些常用的编译软件,简述了开发环境即dom树的层级关系。
接着,他对h5内部标签部分应用作了简单介绍,例如,有序列表(ol)和无序列表的(ul)的<li>标签举例展示,还举例了<dt>标签和<dd>标签的多对多关系。还展示了文本框输入的多种情况。用<input>标签输入多种形式的内容,用<textarea>输入长串多行文本框。
以及,<label><input>内含的type决定选择方式,CheckBox为多选,radio为单选,radio后增设name属性,名称属性相同,实现单选。用<select>标签内含<option>实现内置选择。[jcode](https://code.juejin.cn/pen/7188723768330567739)形如此段代码实现任意有提示输入。
引用方法:
<blockquote cite="此处为可插入的某一链接"><p>此处为需要引用的一段文本</p></blockquote>显示效果为一大段对齐文字。
<cite></cite>标签内部可插入短文字,实行单独引用,字体改变,常用于引用书名、标题等。
<q></q>标签内可插入长文字,显示效果自含双引号,常用于引用文章内的文字。
<code></code>标签内部用于引用短代码,若要引用长代码则在前面嵌套一层<pre></pre>标签。
强调显示:
<strong></strong>标签内文字进行黑体加粗效果,用于强调文本自身内容。
<em></em>标签内用于强调语气,更体现为类似‘重音’式的突出强调。
最后文章总结了语义化及其要求,即:
1、理解html中元素属性及属性值的特定含义。
2、开发者应遵循语义编写。例如有序列表ol无序列表ul等
思考总结:
打好学前端的基础首先要理解dom树和标签的属性含义。
摆脱对现有自动编译工具的依赖。
熟识语义规范。