语义标签各种标签在网页中都有自己的样式,比如不同标签中的字体大小和字体样式是不同的,但是各种类型的标签我们通过CSS改变样式,后面我们为了网页美观或满足某些要求,会使用CSS重新设置样式。因此,我们在学习HTML标签的时候,只需要专注于记住标签的语义,而不用关心它具体的风格。ContentSemanticTagsTitleTags(h1~h6)h1~h6共有六级标题,重要性从h1~h6递减,h1最重要,h6最不重要。h1在网页中的重要性仅次于title标签。这种情况下,一个页面中只会有一个h1(搜索引擎搜索网页时,可能会通过标题来了解网页内容,所以标题和h1一般放很重要的内容),通常title标签只会用到h1~h3,h4~h6很少用到。此外,在某些情况下,文章的两级标题之间存在关联。比如我们文章标题的HTML学习题下面有副标题3.一些标签的介绍。所以还有一个标签hgroup专门用来对标题进行分组。不要担心样式,只关注标签语义。段落标签(p)p标签代表页面中的一个段落,也就是我们平时写的文章中的段落。强调标签(em和strong)em标签将文本定义为强调,而strong标签将文本定义为具有更强语气的强调。引用标签(blockquote和q)blockquote标签定义块引用。块引用中的所有文本都与常规文本分开,通常左右缩进,有时是斜体。也就是说,块引用有自己的空间。q标签定义短引号。浏览器经常在引用的内容周围添加引号。换行符标签(br)br标签可以插入一个简单的换行符(即按一次回车)。br标签是一个空标签(意思是它没有结束标签,所以这是错误的:
)结构语义标签结构语义标签是布局标签,主要用于网页的布局。header表示网页的头部main表示网页的主要部分(一个页面中只会有一个主要部分)footer表示网页的底部nav表示网页中的导航旁边和其他内容相关tothemainbody(sidebar)article表示一个独立的articlesection表示一个独立的块。当无法表示上述标签时,使用sectionblock元素和inline元素仔细观察上面的例子。我们会发现,有些标签的内容即使很短,也会自动填满一行,即使有大的空白也不会写内容,比如标题标签、段落标签、长引用标签等,而有些标签的内容不会占一行,写完后还是会和其他内容在同一行,比如强调标签、短引号等。引用标签,这是块标签和内联标签的区别。块元素:占一行。在网页中,一般使用块元素来对页面进行布局。内联元素:一行中可以存在多个标签,内联元素主要用于包裹文本。一般来说,内联元素放在块元素内,块元素不放在内联元素内。非语义标签div:div标签是块元素,它没有语义,几乎可以使用所有的块元素位置,所以它是HTML文档中使用最多的标签。span:span标签是一个内联元素。它也没有特定的语义,可以在大多数需要内联元素的地方使用。【注】我也在自学。文中如有理解不当或表达错误的地方,欢迎交流指正。
