在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
本文就标签规则,标签语义化,属性规则,属性顺序和布尔属性五个方面,带大家梳理一下Web前端知识点之HTML规范。
1.标签规则
很多人觉得HTML太简单,但她恰恰是前端开发中最基础最重要的部分。
标签名统一使用小写,不要使用大写;
不要在自闭(self-closing)元素的尾部添加斜线;
不要省略可选的结束标签(closing tag)
不要轻易使用实体字符;
<body>
<ul>
<li>
<img src="images/image.jpg">
</li>
</ul>
</body>
2.标签语义化
根据各个标签的用途去使用它们很重要,它涉及到文档的可访问性、重用和代码效率等方面。
去掉样式或者样式丢失时页面结构依然清晰;
移动设备能够更加完美的展示网页(移动设备对css的支持较弱);
阅读器会根据标签的语义自动解析,呈现更容易阅读的内容形式(无障碍阅读);
便于后期的开发和维护,提高团队合作效率;
便于搜索引擎根据标签的语义确定上下文的权重问题;
<body>
<header>
<a href="recomment">
</header>
<section>
<article>文章</article>
</section>
<footer>
<address>地址</address>
</footer>
</body>
3.属性规则
使用标签时尽量符合语义
属性名统一使用小写,不要用大写;
务必用双引号包含属性值;
自定义属性请加data- 前缀;
属性过长时请分行;
尽量避免style属性和javascript事件;
4.属性顺序
HTML属性应当按照以下给出的顺序依次排列,确保代码的易读性。
class
id,name
data-*
src,for,type,href
title,alt
aria-*,role
class用于标识高度可复用组件,因此应该排在首位。id用于标识具体组件,应当谨慎使用(例如:页面内的标签),因此排在第二位。
<a class="..." id="..." data-model="..." href="#"></a>
<input class="form-control" type="text">
<img src="..." alt="...">
5.布尔属性
布尔型属性可以在声明时不赋值。
<input type="text" disabled>
<inut type="checkbox" value="1" checked>
<option value="1" selected>1</option>
有关Web前端知识点今天就先讲到这里,大家都理解了HTML规范的全部内容吗?
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端与移动开发培训就业班学什么?怎么样啊?
前端与移动开发培训就业班学什么?博学谷的前端与移动开发在线培训班课程内容,包含目前最流行的三大框架(Vue、React、Angular),全栈工程师必须要掌握的前端技术、Node.js相关后台技术、HTML5移动方向开发技术等等。有兴趣的小伙伴就来听听,前端与移动开发培训班到底怎么样吧?
8630
2019-12-16 19:03:37
CSS六大基本选择器介绍
CSS是一种格式化网页的标准方式,用于设置网页的样式,并允许样式信息与网页内容分离的一种技术。要使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。本文将向大家介绍六大基本选择器,即元素选择器、类选择器、ID选择器、通用选择器、伪类选择器、伪元素选择器。
6322
2019-08-12 17:58:27
Web前端工程师需要学什么?需要掌握哪些技能?
Web前端工程师需要学什么?需要掌握哪些技能?像HTML、CSS、JS、jQuery、Java编程语言等等内容,都是Web前端工程师必须学习的基础知识。总之,一名合格的Web前端工程师掌握的所有技能,都是为了最大提升用户体验。下面我们来看看成为Web前端工程师的具体要求。
8828
2019-09-16 17:26:51
HTTPS传输协议加密安全原理是什么?
HTTPS其实是SSL+HTTP的简称,当然现在SSL基本已经被TLS取代。在HTTP的基础上通过传输加密和身份认证保证了传输过程的安全性。HTTPS和HTTP的区别主要区别:ca申请证书、http是超文本传输协议,https则是具有安全性的ssl加密传输协议;http和https使用的是完全不同的连接方式;链接方式不同。
5699
2020-10-20 16:08:02
女孩子做前端是青春饭吗?适合web开发吗?
其实年龄并不是是衡量职业生涯的一个标准,无论是男性还是女性,如果有有丰富的前端开发经验,随着经验的不断积累,在职场中的优势越明显。强化内功,哪怕无法成为最前面的前端开发大牛,但也不会成为被淘汰的一员。
5512
2020-11-25 14:07:14