国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

加深對HTML和CSS標簽語義化的理解

2020-03-24 16:02:47
字體:
來源:轉載
供稿:網友
前兩天參加了公司組織的一個WD培訓,有一節課講了標簽語義化,聽了之后感覺特別有用,更正了我以前對 HTML 和 CSS 的錯誤看法。首先說明的一點是,人可以通過視覺的劃分判斷內容的語義,搜索引擎看到的只是代碼。搜索引擎只能通過標簽來判斷內容的語義。 以前我真的沒有怎么重視過搜索引擎,現在開始比較在意了,因為頁面的很大一部分流量是來自搜索引擎的,要使頁面盡可能地對搜索引擎友好,所以就要盡可能地使標簽語義化。以前以我對web開發的粗淺理解,覺得寫一個好的符合標準的頁面只需要把結構和表現分離,然后不要使用table,font等標簽就行了,至于通篇都是div我也不會覺得有什么問題,因為CSS很強大。但是,所有的標簽都是有自己的語義的,下面給出一部分標簽的語義:div 語義:Division(分隔)
span 語義:Span(范圍)
ol 語義:Ordered List(排序列表)
ul 語義:Unordered List(不排序列表)
li 語義:List Item(列表項目)


如果無視標簽語義和默認樣式,所有標簽都用div,其實也是可以寫出來視覺效果很好的頁面,只要你靈活運用CSS。但是那樣的話雖然視覺上達到了要求,但是整個頁面一點語義都沒有,搜索引擎還是看不懂。所以,要記住:結構(html)才是重點,樣式(css)是用來修飾結構的。所以,要先確定html,確定標簽,再來選用合適的css。一般來說,所有的標簽都會有一個默認的樣式,所以一個簡單的判斷網頁標簽語義是否良好的方法就是:去掉樣式,看網頁結構是否組織良好有序,是否仍然有很好的可讀性。另外,值得重點提及的是h標簽,h標簽的語意是標題,搜索引擎對這個標簽比較敏感,特別是h1,和h2。一個語義良好的頁面,h標簽應該是完整有序沒有斷層的。也就是說,要h1,h2,h3,h4這樣推下來,不要h1,h3,h4,漏掉h2。一個結構良好的網頁,h標簽可以組織起一個網頁的大綱。以上這些東西都是WD的工程師阿當講的,我受益匪淺,加深了對html的理解。HTML 雖然很簡單,但是要用好也是很不容易的。更多編程語言

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 汉寿县| 九龙坡区| 宜宾县| 巫溪县| 当雄县| 蕉岭县| 泰和县| 深州市| 方正县| 会宁县| 灵石县| 五莲县| 天镇县| 息烽县| 黎城县| 北安市| 哈尔滨市| 将乐县| 乡城县| 清涧县| 嘉禾县| 连江县| 江阴市| 江都市| 岳普湖县| 江山市| 游戏| 洪湖市| 辽中县| 苍溪县| 梅州市| 巢湖市| 江华| 林西县| 大厂| 晋城| 巴青县| 丰顺县| 和顺县| 遵义县| 福清市|