資訊專欄INFORMATION COLUMN
摘要：可讀性，提高代碼的可讀性，便于多人的修改維護(hù)，提高開發(fā)效率。主流瀏覽器都兼容的新標(biāo)簽，對(duì)于及以下版本不認(rèn)識(shí)的新元素，可以使用創(chuàng)建一個(gè)沒(méi)用的元素來(lái)解決，例如，也可以使用來(lái)解決兼容性問(wèn)題，詳情可參考
概覽 文檔章節(jié)
h1
h2
h3
h4
h5
h6
文本
a標(biāo)簽 創(chuàng)建指向另一個(gè)文檔的鏈接；創(chuàng)建指向另一個(gè)文檔內(nèi)部的錨點(diǎn)；鏈接到email地址；
//href 屬性，鏈接地址 //target 跳轉(zhuǎn)方式 //_self:當(dāng)前窗口顯示； //_blank:新開一個(gè)窗口顯示； //也可是一個(gè)名稱name，在名為name的iframe中打開鏈接 給阿航發(fā)郵件 給聯(lián)通打電話 //?cc抄送 //subject 主題
更多不是特別常用的標(biāo)簽
//表示強(qiáng)調(diào)
//粗體強(qiáng)調(diào)
換行，在內(nèi)容中換行
//斜體，用在文章標(biāo)題處；
//表示引用，會(huì)加引號(hào)“”；
組合內(nèi)容
分區(qū)
div：本身沒(méi)有任何的語(yǔ)義，主要用來(lái)作為分區(qū),h5之前沒(méi)有header這種語(yǔ)義化的標(biāo)簽，
段落
p：段落
列表，列表是可以嵌套的
ul：無(wú)序列表（導(dǎo)航 ，節(jié)目列表，用戶列表等都可以用無(wú)序列表來(lái)表示）
//默認(rèn)的li的樣式會(huì)有小圓點(diǎn)，可以用css來(lái)控制
.class{
list-style:none
}
ol：有序列表 （排行榜）
//適合做排行榜等有順序的列表，默認(rèn)樣式會(huì)有序號(hào)123 //序號(hào)可以用type屬性改變，start屬性用來(lái)改變起始序號(hào)；
dl：自定義列表
//dt定義了列表項(xiàng)，dd定義了對(duì)列表項(xiàng)的描述， //每一項(xiàng)的dt只能有一個(gè)，對(duì)應(yīng)的dd可以有多個(gè)， //dd會(huì)有一定縮進(jìn)
pre:把code標(biāo)簽的內(nèi)容放到pre標(biāo)簽中，可以保留code內(nèi)容中的換行
blockquote:大塊的引用
圖片
//頁(yè)面中嵌入圖片，自閉和標(biāo)簽 //src圖片路徑 //alt描述圖片的含義 //如果網(wǎng)速慢等情況，導(dǎo)致圖片沒(méi)有加載出來(lái)，或者地址寫錯(cuò)了導(dǎo)致無(wú)法加載圖片， //alt的內(nèi)容就會(huì)替代圖片，顯示出來(lái) //一般都會(huì)要求寫上alt，改善用戶體驗(yàn)
嵌入頁(yè)面
//當(dāng)前頁(yè)面的上下文（css，js）和嵌入頁(yè)面中的內(nèi)容是隔離的， //在嵌入頁(yè)面中的操做并不影響當(dāng)前頁(yè)面 //比如頁(yè)面中的播放器，可以放在iframe中，這樣頁(yè)面的操作就不會(huì)影響播放器的操作
嵌入外部資源（可能是pdf等插件）
//在type屬性中指定插件類型，插件的參數(shù)可以放在param標(biāo)簽中， //播放器的地址也可以寫在object的data屬性上面，ie8以下不兼容data屬性
嵌入插件
在h5中可以使用video標(biāo)簽來(lái)插入視頻，viedo標(biāo)簽，只有高版本的瀏覽器才支持
和video標(biāo)簽很類似
(熱點(diǎn)區(qū)域）
附錄
video文件兼容性 https://en.wikipedia.org/wiki...
audio文件兼容性https://en.wikipedia.org/wiki...
table
| 照片尺寸 | 富士 | 科達(dá) |
|---|---|---|
| 6寸 | 0.45 | 0.6 |
| 運(yùn)費(fèi)8元每單，滿99免運(yùn)費(fèi) | ||
form
input
//input的type屬性 //email //url //number //tel //search //range 一定范圍內(nèi)的數(shù)據(jù) //color 顏色的拾色器 //date-picker （date，month，week，time，datetime，datetime-local）
語(yǔ)義化
什么是語(yǔ)義化呢？
了解每一種標(biāo)簽的用途，用適當(dāng)?shù)臉?biāo)簽來(lái)描述頁(yè)面。
語(yǔ)義化的作用：1.便于SEO（Search Engine Optimization）優(yōu)化，我們的頁(yè)面是給搜索引擎看的，搜索引擎的爬蟲呢會(huì)根據(jù)語(yǔ)義話的標(biāo)簽來(lái)確定關(guān)鍵字的權(quán)重，這樣子我們的關(guān)鍵字能和用戶的關(guān)鍵字能更加的匹配；另外，搜索引擎也會(huì)給語(yǔ)義化的頁(yè)面一個(gè)更高的權(quán)重，這樣我們的頁(yè)面也會(huì)更早出現(xiàn)在用戶的搜索結(jié)果中。2.可訪問(wèn)性，頁(yè)面也可能是給殘障人士看的，他們可以通過(guò)屏幕閱讀器來(lái)訪問(wèn)頁(yè)面，屏幕閱讀器會(huì)對(duì)不同的標(biāo)簽發(fā)出不同的聲音，使用更語(yǔ)義化的標(biāo)簽?zāi)軌騻鬟_(dá)不同信息的重要性，使他們能夠更好的理解頁(yè)面的內(nèi)容。3.可讀性，提高代碼的可讀性，便于多人的修改維護(hù)，提高開發(fā)效率。
（ps：主流瀏覽器都兼容HTML5的新標(biāo)簽，對(duì)于 IE8 及以下版本不認(rèn)識(shí) HTML5的新元素，可以使用 JavaScript 創(chuàng)建一個(gè)沒(méi)用的元素來(lái)解決，例如：，也可以使用shiv來(lái)解決兼容性問(wèn)題，詳情可參考HTML5 Shiv https://github.com/afarkas/ht...）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52017.html
摘要：一基本結(jié)構(gòu)設(shè)置字符編碼集格式網(wǎng)頁(yè)頭部二文本標(biāo)記加粗傾斜下劃線刪除線上標(biāo)下標(biāo)三引用樣式表的方式內(nèi)聯(lián)樣式在元素的開始標(biāo)簽里，設(shè)置一個(gè)屬性，并設(shè)置對(duì)應(yīng)的屬性名及屬性值例使用場(chǎng)景里，使用給元素添加樣式內(nèi)部樣式表在標(biāo)簽里加上一對(duì)標(biāo)簽，并且在標(biāo)簽設(shè)置對(duì)一、基本結(jié)構(gòu) //設(shè)置字符編碼集格式 // //網(wǎng)頁(yè)頭部 二、文本標(biāo)記1.加粗 b2...
摘要：規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫和語(yǔ)法檢查。規(guī)定元素的行內(nèi)樣式。 一些說(shuō)明 寫在前面：HTML和CSS，當(dāng)你了解所有規(guī)則后，你應(yīng)該多寫頁(yè)面并記錄你出現(xiàn)的問(wèn)題，這才是學(xué)習(xí)HTML和CSS的最佳方法 這是我學(xué)習(xí)一段時(shí)間之后，再次回顧HTML，希望大家也對(duì)HTML有不一樣的認(rèn)識(shí) 我把HTML標(biāo)簽分成兩大類，重要的和不重要的，...
摘要：規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫和語(yǔ)法檢查。規(guī)定元素的行內(nèi)樣式。 一些說(shuō)明 寫在前面：HTML和CSS，當(dāng)你了解所有規(guī)則后，你應(yīng)該多寫頁(yè)面并記錄你出現(xiàn)的問(wèn)題，這才是學(xué)習(xí)HTML和CSS的最佳方法 這是我學(xué)習(xí)一段時(shí)間之后，再次回顧HTML，希望大家也對(duì)HTML有不一樣的認(rèn)識(shí) 我把HTML標(biāo)簽分成兩大類，重要的和不重要的，...
閱讀 769·2023-04-25 19:43
閱讀 4022·2021-11-30 14:52
閱讀 3855·2021-11-30 14:52
閱讀 3909·2021-11-29 11:00
閱讀 3839·2021-11-29 11:00
閱讀 3949·2021-11-29 11:00
閱讀 3613·2021-11-29 11:00
閱讀 6310·2021-11-29 11:00
