国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

初識HTML和WEB標準

zombieda / 3066人閱讀

摘要：開始標簽和結束標簽也被稱為開放標簽和閉合標簽。網頁主要由三部分組成結構表現和行為對應標準也分三方面結構化標準語言表現標準語言行為標準。表現標準語言主要是，用于對網頁進行美化。

初識HTML和WEB標準

什么是 HTML？

  • HTML 超文本標記語言的縮寫(Hyper Text Markup Language)
  • HTML 并不是編程語言，而是一種標記語言(markup language)
    • 標記 <英文單詞或者字母>稱為標記，一個HTML頁面都是由各種標記組成。
    • 標記語言 一套標記標簽(markup tag)
    • 標記語言 和編程語言有一個編譯過程不一樣，它是直接將HTML頁面交由瀏覽器解析執行的。
  • HTML 使用標記標簽來描述網頁，用于描述超文本內容的顯示方式，如字體，顏色，大小等。
    • 超文本基本特征就是可以超鏈接文檔。
    • 這些標記標簽在瀏覽器解析完展示給用戶看的時候是不會出現在頁面的。

HTML 有什么用？

  • 作用 HTML用于描述文檔語義。(html中，除了語義，其他什么都沒有)

什么是HTML 標簽？

* HTML 標記標簽通常被稱為 HTML 標簽(HTML tag)
* HTML 標簽是由尖括號包圍的關鍵詞，如。
* HTML 標簽通常是成對出現的，如
和
。
* 標簽對中的第一個標簽是開始標簽，第二個(通常帶"/"號)標簽是結束標簽。
* 開始標簽和結束標簽也被稱為開放標簽和閉合標簽。

HTML標簽 有什么用？

  • 作用: 不同的HTML標簽給文本不同的語義。
    • 面試的時候問你，h1標簽有什么作用？
      • 正確答案: h1標簽用于給文本增加主標題的語義，且一個頁面中只能有一個h1標簽(文章名稱只能有一個)
      • 錯誤答案: h1標簽用于給文字加粗，加黑，增大。

HTML 文檔 = 網頁

web 瀏覽器的作用是讀取HTML文檔，并將其以網頁的形式顯示，瀏覽器不會顯示當中的HTML標簽，而是使用標簽來解析頁面的內容。

  • HTML文檔 用于描述網頁。
  • HTML文檔 包含HTML標簽和純文本。
  • HTML文檔 被稱為網頁(通俗術語)
  • 網頁 可以看成是由各種標記組成的一個頁面。
    • 主頁(首頁) 網站的起始頁面或者導航頁面。

例：


    
    
        
        
 主標題：鐵樂與貓學習HTML 

        
        
 正文段落：學習HTML的第一天。

WEB標準

  • w3c 萬維網聯盟組織，制定web標準的機構。
    • 官方鏈接：w3c官網
  • web標準 制作網頁遵循的規范，它不是一個標準，而是一系列標準的集合。
  • 網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）
  • 對應web標準也分三方面：結構化標準語言、表現標準語言、行為標準。
    • 結構化標準語言：主要是XHTML和XML，用于描述網頁。
    • 表現標準語言：主要是CSS，用于對網頁進行美化。
    • 行為標準：主要包括對象模型（如W3C DOM）、ECMAScript等，JS讓網頁富有生命力，動態。

代碼標準

  • 必須結束標記
    • HTML可以打開多個標簽而不要求一定要寫對應的結束標簽來關閉它們。
    • 這在XHTML中是不合法的。另外約定俗成也必須帶結束標記。
    • XHTML要求有嚴謹的結構，所有標簽必須關閉。
    • 如果是多帶帶不成對的標簽，在標簽最后加一個"/"來關閉它。
      * 雙邊標記 * 單邊標記
      轉成
  • 小寫元素
    • HTML對大小寫不敏感，XHTML對大小寫敏感。
    • XHTML要求所有的標簽和屬性的名字都必須使用小寫。
    • 大小寫夾雜也是不被認可的。
      • 例dreamweaver自動生成的屬性名字"onMouseOver"也必須修改成"onmouseover"。
  • 合理嵌套
    • 所有的嵌套都必須按順序。
      * 例

      必須修改為

    • 一層一層的嵌套必須是嚴格對稱。
  • 屬性值加引號
    • 在HTML中，沒有強制給屬性值加引號，但在XHTML中，必須被加引號。
      * 例必須修改為：
    • 特殊情況需要在屬性值中使用雙引號時可以用相應代表的特殊符號去引用。
  • 特殊符號
    * 任何小于號(<)，只要不是標簽的一部分，都必須被編碼為<
    * 任何大于號(>)，只要不是標簽的一部分，都必須被編碼為>
    * 任何與符號(&)，只要不是實體的一部分，都必須被編碼為&
    * 注：上面的特殊符號中間沒有空格，且后面帶分號。
  • 所有屬性賦值
    • XHTML規定所有屬性都必須有一個值，沒有值的就重復本身。
  • "--"在注釋中
    • “--”只能發生在XHTML注釋的開頭和結束，也就是說，在內容中它們不再有效。

以上標準雖然只在XHMTL中要求規范，HTML中不算不合法，但程序員默認還是要遵循它們的。

HTML的基本語法特征

  • HTML對換行不敏感，對tab不敏感，換多少行和tab多少都不影響頁面的結構。
    • HTML并不依靠縮進來表示嵌套，而是直接看標簽的包裹關系。
    • 但是良好的縮進有助于閱讀和理解代碼，所以最好還是正確的使用縮進標簽。
  • 空白折疊現象
    • HTML中所有的文字之間，如果有空格、換行、tab都只會被折疊成一個空格顯示。
  • 標簽要嚴格封閉

HTML與XHTML

  • XHTML：Extensible Hypertext Markup Language，可擴展超文本標注語言。
    • 在XHTML中的字母X，表示“嚴格的”。
    • XHMTL與HTML4.0的標記基本上一樣。
    • XHTML不同于HTML4.0，可稱之為嚴格嚴謹的、純凈的HTML。
    • XHTML的主要目的是為了規范HTML4.0，也可以理解為HTML4.0的升級版。
    • 但是真正的升級版，HTML5極大的簡化了DTD(規范)，也就是說HTML5中就不用區分XHTML和HTML了。
  • HTML的標記書寫很不規范，有可能會造成其它的設備(ipad、手機、電視等)無法正常顯示。
    • HTML4.01里面規定了普通和XHTML兩大種規范。
    • HTML4.01這個版本是IE6開始兼容的。
    • HTML5是IE9開始兼容的。

文：鐵樂與貓

2018-5-21

參考：

1、HTML簡介

2、html介紹和head標簽

3、baidu百科：web標準

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/2243.html

相關文章

  • 初識HTML

    摘要：簡介超文本標記語言英語，簡稱是一種用于創建網頁的標準標記語言。網頁瀏覽器可以讀取文件，并將其渲染成可視化網頁。網頁瀏覽器也可以引用層疊樣式表來定義文本和其它元素的外觀與布局。元素表示某些重要性的文本，強調文本，而元素表示某些相關性的文本。 HTML簡介 超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創建網頁的標準標記語言。HTML是...

    wall2flower 評論0 收藏0

  • 初識React

    摘要：初識依稀記得那年參加線下活動，第一次聽說這個詞語，當時的主講人是郭達峰，他播放了一個關于及的性能對比視頻。合成事件會以事件委托的方式綁定到組件最上層，并且在組件卸載的時候自動銷毀綁定的事件。 初識React 依稀記得2015那年參加線下活動，第一次聽說React這個詞語，當時的主講人是郭達峰，他播放了一個關于ember、angular及react的性能對比視頻： React.js Co...

    kuangcaibao 評論0 收藏0

  • react開發教程（－）初識

    摘要：定義一個組件可以在其他組件中調用這個組件調用組件劉宇組件插入內容在上面的案例中可以看到吧寫到當中，這種寫法稱為。 React初識 React是Facebook推出的一個javascript庫(用來創建用戶界面的Javascript庫)，所以他只是和用戶的界面打交道，你可以把它看成MVC中的V(視圖)這一層。 組件 React的一切都是基于組件的。web世界的構成是基于各種HTML標簽的...

    Allen 評論0 收藏0

  • 初識Java（譯）

    摘要：圖片含義如下源代碼程序編譯器編譯在執行字節碼編譯器會將源代碼編譯成字節碼在虛擬機上執行字節碼。字節碼只能在上執行。的構成要素的構成如下圖所示每一欄分別的含義如下源程序字節碼編譯調試程序等源代碼由開發者編寫。 源自Javaの道日語技術社區原文地址譯者 夢夢的幻想鄉見てくれてありがとうござい?。。?はじめてのJava 初識Java 本章將會對Java的執行順序、Java的構成要素、Java...

    qqlcbb 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<