HTML第一篇

1.浏览器内核

• IE浏览器内核:Tridnt内核,又称IE内核
• Chrome浏览器内核:统称为Chromeium内核,以前是Webkit内核,现在是Blink内核
• Firefox浏览器内核:Gecko内核，俗称Firefox内核
• Safari浏览器内核：Webkit内核
• Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核
• 360浏览器、猎豹浏览器内核：IE+Chrome双内核
• 搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）
• 百度浏览器、世界之窗内核：IE内核
• 2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核

标签语义化

• 在合适的地方加如合适的标签,使得代码结构更清晰,更具可读性

标题标签

• <h1>...</h1>
• <h2>...</h2>
• <h3>...</h3>
• <h4>...</h4>
• <h5>...</h5>
• <h6>...</h6>

div和span标签

• 布局标签
• 一个div独占一行,不能水平排列,只能垂直排列
• 一个span可以水平排列

行内元素和块级元素

块级元素:大多数为结构性标记

• <address>...</adderss>
• <center>...</center> 地址文字
• <hX>...</hX> 标题
• <hr> 水平分割线
• <p>...</p> 段落
• <ul>...</ul> 无序列表
• <ol>...</ol> 有序列表
• <dl>...</dl> 定义列表
• <table>...</table> 表格
• <form>...</form> 表单
• <div>...</div>

换行标签

<br/>

• 是块级元素,独占一行

图像标签

<img src="" />

• src属性是必须的,值为图像的路径,一般为相对路径
• alt属性:在图片无法正常显示的情况下显示的文字
• title属性:值是鼠标划过图片区域会显示的文字

链接标签

<a href="#">...</a>

• href属性:链接标签必须具备的属性,值为需要跳转的网页
• target属性:设置新连接打开的方式(新窗口或是覆盖原窗口)
• target的值一般为self/_blank,self为默认值,_blank为在新窗口打开

路径

• 相对路径用"/"
• 绝对路径用"\"
• 图片绝对网站可以使用绝对路径,使用"/"隔开,如

<img src="https://pics0.baidu.com/feed/810a19d8bc3eb135fb6c41690ce6d1d6ff1f44b3.jpeg?token=5c2e0cf2071c64b5178eb25749b6c4c2&s=5AA43C624D1B5ECC56F571CE0000E0A3" />

锚点

• 通过建立锚点,用户能够快速定为到目标内容
• 创建锚点分为两步:

<!-- 1.使用相应的id名标注跳转目标的位置.(找目标)-->
<h3 id="two"></h3>

<!-- 2.使用<a href="#id名">文本</a>-->
<a href="#two">文本</a>

base标签

<base target="_blank" />

• 定义所有的链接都是在新窗口打开

预格式化文本pre标签

• 可定义预格式化的文本
• 被包围在<pre>标签元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体
• 适用于整体控制,但少用

<pre>
   锄禾日当午
   汗滴禾下土
</pre>

常用特殊字符

• 空格:&nbsp
• 小于号:&lt
• 大于号:&gt
• 和号:&amp