資訊專欄INFORMATION COLUMN
摘要：語義化的好處有利于，搜索引擎根據(jù)標簽來確認上下文和各個關(guān)鍵字的權(quán)重。有利于閱讀，在樣式丟失的情況下也能呈現(xiàn)清晰的結(jié)構(gòu)。
html語義化的好處
有利于SEO，搜索引擎根據(jù)標簽來確認上下文和各個關(guān)鍵字的權(quán)重。
有利于閱讀，在樣式丟失的情況下也能呈現(xiàn)清晰的結(jié)構(gòu)。
有利于機器解析，盲人閱讀器等根據(jù)語義解析
有利于開發(fā)和維護，語義化使html代碼結(jié)構(gòu)更清晰，更具可讀性
常見的語義化標簽:
em：斜體，強調(diào)語氣
aside：側(cè)邊欄，具有導航性質(zhì)的模塊內(nèi)容
nav：一般為給當前頁面內(nèi)容提供導航鏈接、目錄、索引等
article：表示獨立的結(jié)構(gòu)，或者可復(fù)用的內(nèi)容
abbr：表示縮寫，title屬性為完整內(nèi)容
header：通常表示網(wǎng)頁的頭部內(nèi)容，包括搜索框、logo、標題組等
hgroup：對網(wǎng)頁或者區(qū)段（section）的標題組合
hr：表示故事走向的轉(zhuǎn)換或者話題的轉(zhuǎn)換時的水平分割線，如果是普通的水平線頁面效果，用css呈現(xiàn)
blockquote：段落級的引述，內(nèi)部包含左右縮進和內(nèi)邊距
q：表示行內(nèi)應(yīng)用，對內(nèi)容自動加引號
cite：表示作品名的引述
main：表示頁面的主要內(nèi)容，一個頁面只能出現(xiàn)一次
footer：表示頁面或文檔的頁腳，一般包含作者、版權(quán)、聯(lián)系地址等
figure：表示與主文章相關(guān)的圖像、插圖、圖表、代碼片段等
figcaption：表示figure的說明
strong：表示強調(diào)，和em的差別有：em表現(xiàn)為斜體，strong為加粗，em為強調(diào)內(nèi)容，strong為語氣更強的強調(diào)內(nèi)容
pre：表示內(nèi)容我們已經(jīng)經(jīng)過特殊排版了，不希望瀏覽器幫我們自動排版
samp：表示實例輸出
code：表示內(nèi)容為代碼
time：表示日期或時間，有datetime屬性表示內(nèi)容的日期或者時間，如果沒寫datetime，在內(nèi)容中一定要有日期時間
dfn：表示對特殊術(shù)語的定義
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54185.html
摘要：代碼示例語義化語義化語義化語義化語義化年月日小維語義化標簽包括還有等。而沒有語義化的元素如則推薦使用。語義化包含了標簽語義化和命名語義化。 什么是Web語義化 Web語義化是指使用恰當語義的html標簽、class類名等內(nèi)容，讓頁面具有良好的結(jié)構(gòu)與含義，從而讓人和機器都能快速理解網(wǎng)頁內(nèi)容。語義化的web頁面一方面可以讓機器在更少的人類干預(yù)情況下收集并研究網(wǎng)頁的信息，從而可以讀懂網(wǎng)頁的內(nèi)...
摘要：語義化的頁面一方面可以讓機器在更少的人類干預(yù)情況下收集并研究網(wǎng)頁的信息，從而可以讀懂網(wǎng)頁的內(nèi)容，然后將收集匯總的信息進行分析，結(jié)果為人類所用另一方面它可以讓開發(fā)人員讀懂結(jié)構(gòu)和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內(nèi)容。 我眼中的Web 語義化 web語義化是什么？ Web語義化，使用語義恰當?shù)臉撕灒梢宰岉撁婢哂辛己玫慕Y(jié)構(gòu)，頁面元素具有良好的含義，從而讓人和機器都能快速理解。語義化的...
摘要：語義化的頁面一方面可以讓機器在更少的人類干預(yù)情況下收集并研究網(wǎng)頁的信息，從而可以讀懂網(wǎng)頁的內(nèi)容，然后將收集匯總的信息進行分析，結(jié)果為人類所用另一方面它可以讓開發(fā)人員讀懂結(jié)構(gòu)和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內(nèi)容。 我眼中的Web 語義化 web語義化是什么？ Web語義化，使用語義恰當?shù)臉撕?，可以讓頁面具有良好的結(jié)構(gòu)，頁面元素具有良好的含義，從而讓人和機器都能快速理解。語義化的...
摘要：邏輯學的語義學著眼點在于邏輯系統(tǒng)的語義解釋，是一個理想化的模型系統(tǒng)，不直接涉及自然語言。例如，通過幫助臨床研究中的決策，語義技術(shù)將跨機構(gòu)橋接多種形式的生物和醫(yī)學信息。 showImg(https://segmentfault.com/img/bVbrJYw?w=758&h=420); 前端工程師的招聘中，經(jīng)常有這樣的要求：對Web 語義化有深刻理解。那么到底什么才是深刻理解Web語義化...
閱讀 2857·2021-10-14 09:42
閱讀 3637·2021-10-11 10:59
閱讀 2977·2019-08-30 11:25
閱讀 3107·2019-08-29 16:25
閱讀 3250·2019-08-26 17:40
閱讀 1291·2019-08-26 13:30
閱讀 1180·2019-08-26 11:46
閱讀 1354·2019-08-23 15:22
