HTML描述的是网页内容的含义,即语义。语义化标签(semantic HTML)指的是那些使用最恰当的HTML元素进行标记的内容,在标记的过程中并不关心内容的显示效果。HTML定义的是
基本HTML页面的语义,了解一些常见用的HTML元素。可以通过访问 https://www.w3cschool.cn/ 来了解更多关于HTML元素的基本内容。
- <head>头部
- <body>主体
- <a> 超链接
- <marquee>滚动字幕
- <ol>有序列表
- <ul>无序列表
- <dl>说明项目条例
- <i>定义斜体字
- <b>定义粗体文本
- <em>定义着重文字
- <small>定义小号字
- <strong>定义加重语气
- <sub>定义下标字H2O
- <sup>定义上标字c²=a²+b²
- <ins>定义插入字(文字下方下划线效果)
- <del>定义删除字(文字中间有一条横线)
- <code>定义计算机代码
- <kbd>定义键盘码
- <samp>定义计算机代码样本
- <var>定义变量
- <pre>定义预格式文本
- <abbr>定义缩写
- <address>定义地址
- <bdo>定义文字方向
- <blockquote>定义长的引用
- <q>定义短的引用语
- <cite>定义引用、引证
- <dfn>定义一个定义项目
- <form>定义一个表单
- <table>定义一个表格
(部分内容)
HTML语义化的重要性。
- 实现了无障碍访问:使其内容对于借助辅助技术的残障访问者也是可以访问的,对于台式机、手机、平板或是其他设备上的浏览器都是可以访问的;’
- 搜索引擎优化:网页在搜索引擎中的排名会靠前,因为搜索引擎对用特殊标记的内容赋予更高的权重;
- 更容易维护代码和添加样式:清晰的结构能使代码更有效,更加有利于维护,更容易检索到可能出现的错误。借助css统一特定的元素的样式。
如何实现html语义化?减少对html结构的依赖,例如在html结构中有一个设置文字样式的<font>标签,但是在html5协议中则不建议再进行使用,建议把<font>标签转化为CSS样式定义的例如<h1 style="font-size:30px"> 这样作为一个样式值而不是单独的html标签形式。尽量使用css来设置结构,用HTML定义框架。