语义化HTML:p、h1-6、q、blockquote、hr、address、code、pre、var、cite、dfn和samp

简介:

一、元素语义                        

p标签

  W3C草案:

The p element represents a paragraph.W3C specification

  语义化的 <p>元素 表示:文章中的段落。默认样式 margin: 1em 0 

 

h1-6标签

  W3C草案:

The h1 through h6 elements are headings for the sections with which they are associated.  W3C specification

  语义化的 <h1>元素 到 <h6>元素 表示:作为相关内容的标题,且<h1>为最高级别的标题。注意:<h1>元素一般用作网页标题,网页中最多出现一个<h1>元素。

 

q标签

   W3C草案:

The q element represents phrasing content quoted from another source.W3C specification

语义化的 <q>元素 表示:引述其他人或来源的简短内容(句子),建议通过cite特性添加来源地址。注意:<q>元素的默认样式为引述的内容前后添加双引号。

 

blockquote标签

   W3C草案:

The blockquote element represents a section that is quoted from another source.W3C specification

  语义化的 <blockquote>元素 表示:引述其他人或来源的长篇幅的内容(段落),建议通过cite特性添加来源地址。注意:<blockquote>元素的默认样式为引述的段落左右添加缩进40px。

 

hr标签

  W3C草案:

The hr element represents a paragraph-level thematic break.W3C specification

  语义化的 <hr>元素 :用于表示上面的主题结束,接下来的内容属于另一个主题。

 

address标签

  W3C草案:

The address element represents contact information.W3C specification

语义化的 <address>元素 :用于表示联系的地址信息。注意:若<address>元素为<body>元素的亲子元素,则表示当前网页的联系地址信息;若<address>元素为某个段落的子元素则表示为该段落内容的联系地址信息。

 

code标签

  W3C草案:

The code element represents a fragment of computer code.W3C specification

 语义化的 <code>元素 :用于表示简短的计算机代码片段。

 

pre标签

  W3C草案:

The pre element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.W3C specification

语义化的 <pre>元素 :用于对内容连内容排版原封不动地显示。可用于显示大量的计算机代码片段。

 

var标签

 W3C草案:

The var element represents either a variable in a mathematical expression or programming context, or placeholder text that the reader is meant to mentally replace with some other literal value.W3C specification

  语义化的 <var>元素 :表示数学表达式、程序上下文或占位符。

 

cite标签

  W3C草案:

The cite element represents the cited title of a work; for example, the title of a book mentioned within the main text flow of a document.W3C specification

 语义化的 <cite>元素 :表示该内容为某作品的标题,作品包括诗歌、书籍、小说、电影、歌剧、电视剧、音乐、展览、报告等。

 

dfn标签

  W3C草案:

The dfn element represents the defining instance of a term.W3C specification

  语义化的 <dfn>元素 :表示该内容为特定领域的术语,用于与其他内容作区分,以便读者识别并提示读者查阅术语说明等进一步了解该内容的含义。注意:一般仅在该内容在全文首次出现的位置使用,其他位置不再通过<dfn>元素来标识该术语。

 

samp标签

   W3C草案:

The samp element represents (sample) output from a program or computing system.W3C specification

  语义化的 <samp>元素 :表示由程序或计算机输出的文本字符串。

目录
相关文章
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
369 1
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
866 0
HTML中的<br>、<hr>和<pre>标签使用指南
HTML中的<br>、<hr>和<pre>标签使用指南
1512 2
|
数据采集 搜索推荐 算法
语义化的 HTML 对 SEO 的好处具体体现在哪些方面?
【10月更文挑战第24天】语义化的 HTML 通过提升搜索引擎对网页的理解能力、优化关键词匹配、增强页面结构清晰度以及提高网站整体质量评估等多个方面,为网站的 SEO 带来了显著的好处,有助于提高网站的可见性、流量和排名,从而实现更好的网络营销效果。
798 164
|
数据采集 搜索推荐 前端开发
html 语义化 1000字
【10月更文挑战第24天】HTML语义化是构建高质量网页的重要基础,它在提高代码可读性、搜索引擎优化、辅助技术支持等方面都发挥着不可替代的作用。开发者应充分理解和运用语义化标签,以创建更具可访问性、可维护性和搜索引擎友好的网页。
618 162
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
476 0
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
729 49
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
534 5
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
1050 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
1113 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)