HTML语义化
来源:互联网 发布:代徐敬业知乎 编辑:程序博客网 时间:2024/05/23 17:07
HTML语义化
HTML语义化就是根据内容的结构化选择合适的标签,即便在测试时未加载出来之前也能正确展示页面的基本结构,有利于SEO,爬虫会根据标签确定关键字的权重,便于阅读和维护
原因:
在没有CSS的情况下也能很好的呈现内容结构,为了裸奔是更好看。
用户体验更好,利用title,alt,lable标签
有利于SEO,爬虫根据标签确定关键词的权重。
便于开发和维护,可读性强
方法:
尽量少使用无语义的div和p标签,当既能使用div又能使用p时尽量使用p,因为p有margin,若样式表未加载完全的话,用户体验更好。
不要使用纯样式文本,如font,改用CSS设置
使用表格时,标题要用caption,标有thead,主体用tbody,表尾用tfoot,表头单元格用th,普通单元格用td。
input都应该用lable包裹,for和input的id一致。
给a标签加title属性当hover时显示title内容
details标签配合summary标签使用是展开以summary为表题的内容
select配合option使用是选择某个值
阅读全文
0 0
- HTML语义化
- HTML语义化
- HTML语义化
- html语义化
- HTML语义化标签
- HTML语义化。
- html语义化
- 语义化的HTML
- HTML语义化标签
- 语义化的HTML
- Html(2) 语义化
- 理解HTML语义化
- 语义化HTML
- HTML语义化
- HTML语义化
- HTML语义化
- HTML标签语义化
- 关于HTML语义化
- 121. Best Time to Buy and Sell Stock
- CDC CPaintDC、CClientDC、CWindowDC和CMetaFileDC类的含义及区别
- tomcat日志文件查看指定日期内的输出
- LeetCode (Flatten Binary Tree to Linked List)
- 60、序列化二叉树
- HTML语义化
- OkHttp3源码分析[综述]
- 关于case用法和decode用法
- 测试springmvc方法和配置文件是否有错
- linux中挂载nas下的ISCSI盘
- c++lower_bound 函数和upper_bound函数
- Unity鼠标滚轴缩放大小
- SentOS7系统安装与测试
- iOS多线程技术方案