以写简历为目的，开始了第一次写网页的实战。之前虽然有看过关于css和html的相关文档，但是纸上得来终觉浅。写的时候关于标签的语义或css的属性还是不懂。写完还是有必要总结一下目前认识的标签。
1. 什么是标签
在总结前，我们要理清楚一个概念：html只管内容，也就是说不同标签的内容呈现出来的样式都不关html的事，管这个事情的另有他人，也就是CSS。那么我们，可以大胆地认为，html的标签没有块级元素或内联元素之分，因为这个是可以用属性display来修改的。
标签，也就是元素。它是HTML文件的基本组成单位。不同的标签代表着不同的含义，我们需要根据场景/内容选用适当的标签。
2. 目前接触到的标签
- html大纲标签
<!DOCTYPE html>
<html>
<head></head> //规定文档相关的通用信息（元数据），包括文档的标题，文档的样式和脚本的链接（定义）等
<body></body> //表示的是HTML文档的主体内容
</html>
可以出现在 <head> 标签内的元素有：
meta, link, title, style, script, noscript, base.
<meta>标签用于表示以上标签不能表示的任何元数据信息.
<noscript>标签的作用是：如果浏览器不支持script，则会显示<noscript>的内容
-
内容分区标签（为页面内容创建明确的大纲）
( 1.)<nav>用于html导航栏，含有一个或多个超链接（<a>）的区域.
( 2.)<main>呈现了文档<body>或应用的主体部分。注意<main>标签不能 是以下元素的继承<article>,<aside>,<footer>,<header>, 或<nav>。个人理解这几个元素都是并列结构，只可以做兄弟姐妹的那种。
( 3.)<section>表示文档中的一个区域（或节），比如，内容中的一个专题组，通常都有一个标题。一般通过是否包含一个标题 (<h1>-<h6>element) 作为子节点 来 辨识每一个<section>。
( 4.)<footer>页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。
( 5.)<h1>~<h6>标题
( 6.)<p>段落 -
文本内容（标识内容的宗旨或结构）
//描述列表元素
<dl>
<dd></dd>内容标题
<dt></dt>内容描述
</dl>
//有序列表
<ol>
<li></li>
</ol>
//无序列表
<ul>
<li></li>
</ul>
//表格元素
<table>
</table>
- 容器
这两个标签没有任何语义。
<div>一般用来充当流内容容器。他默认是块级元素。
<span>一般用来充当行内容器。默认内联元素。
另外，关于空元素、可替换元素 在另一篇博客<关于html的一些事>有提及。
网友评论