Home Web Front-end HTML Tutorial Learning about _html/css_WEB-ITnose

Learning about _html/css_WEB-ITnose

Jun 24, 2016 am 11:45 AM

DOCTYPE is the abbreviation of Document type, indicating what version of XHTML or HTML is used. Must appear before the tag and does not need to close the tag.

The declaration is not a tag, it instructs the web browser as to which version of HTML the page was written in. Always add the declaration to your HTML document so that the browser knows the document type. How to ultimately display your web document. Therefore, if you want to create a page that complies with W3C standards, the DOCTYPE statement is an essential and key component.

Styling issues caused by lack of HTML Doctype

When a web page is developed using the XHTML standard, the first line is:

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Copy after login

This is xhtml W3C standard.

DOCTYPE specifies the document type definition (DTD) that the HTML document follows. The declaration follows certain rules and indicates what set of rules the reading program uses to interpret the tags in the document.

Rule style:

Syntax:

  HTML Top-level element availability "registration // organization // type // tag // definition // language" "URL"

Possible values:

  • Top-level element: The top-level element type declared in the specified DTD, which corresponds to the declared SGML document type. Default is: HTML
  • Availability: Specifies whether the Formal Public Identifier (FPI) is an accessible object or a system resource. The default is: PUBLIC, a publicly accessible object. SYSTEM System resources, such as local files or URLs.
  • Registration: Specify whether the organization is an International Standards Organization (ISO). default. The organization name has been registered.
  • Organization name is not registered: IETF and W3C are not registered ISO organizations.
  • Organization: Specify who is responsible! The DOCTYPE declaration refers to the name of the team or organization that created and maintains the DTD.
  • Type: Specifies the public text class, that is, the type of object being referenced. Default: DTD.
  • tag: Specifies a public text description, a unique descriptive name for the referenced public text. Can be accompanied by a version number. Default: HTML
  • Definition: Specifies the document type definition. Frameset frameset documentation. Strict excludes all representative attributes and elements that W3C experts want to phase out. Transition contains all contents excluding Frameset elements.
  • Language: Specify the public text language, the natural language encoding system that creates the referenced object. Default: EN.
  • URL: Specifies the location of the referenced object.
  • (reprinted from: http://www.cnblogs.com/tomatoxml/p/3585741.html)

     DTD (in the example: xhtml1-transitional.dtd) is the document type definition, Containing the layout of the document, the browser interprets the markup of the page according to the defined DTD and then displays it.

    xhtml1.0 provides three DTD declarations to choose from:

  • Transitional: Contains all HTML elements and attributes, including presentational and deprecated elements, and does not allow the use of framesets (Framesets) ,XML must be written in the correct format.
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    Copy after login

  • Strict: Contains all HTML elements and attributes, but does not include presentational and deprecated elements (such as: font). Framesets are not allowed and must be Write XML in the correct format.
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
    Copy after login

  • Frameset: Equivalent to XHTML 1.0 Transitional, but allows frameset content.
  • <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    Copy after login

    Compared with the three DTD declarations of xhtml and the three declarations of HTML 4.01, there is only one declaration in HTML5:

    <!DOCTYPE html>
    Copy after login

    In HTML4.01, the statement refers to DTD. Because HTML4.01 is based on SGML, DTD specifies the planning of the markup language so that the browser can display it correctly. Content, HTML5 is not based on SGML, so there is no need to reference the DTD.

    Explain about XHTML1.0, HTML 4.0 and HMTL5:

    XHTML 1.0 is a transformation of HTML 4.0 in accordance with the XML standard requirements. It is an XML-styled HTML4.01, while HTML5 is A generation of HTML to replace HTML 4.01. The W3C did originally plan to replace HTML 4.01 with the (can be born), it died before it could escape the shadow of HTML 4.01. Before the rise of XHTML, its status was replaced by HTML5. (Excerpted from http://www.zhihu.com/question/20258628)

    Following the DOCTYPE declaration is an XHTML namespace:

    <html xmlns="http://www.w3.org/1999/xhtml">
    Copy after login

    When you need to use an XHTML document that conforms to the XML specification, you should use the xmlns attribute in the tag.

    Check Tool: If you need to check whether your page complies with the standards declared in DOCTYPE, you can use the verification tool provided by W3C: http://validator.w3 .org/

    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

    Hot AI Tools

    Undresser.AI Undress

    Undresser.AI Undress

    AI-powered app for creating realistic nude photos

    AI Clothes Remover

    AI Clothes Remover

    Online AI tool for removing clothes from photos.

    Undress AI Tool

    Undress AI Tool

    Undress images for free

    Clothoff.io

    Clothoff.io

    AI clothes remover

    Video Face Swap

    Video Face Swap

    Swap faces in any video effortlessly with our completely free AI face swap tool!

    Hot Tools

    Notepad++7.3.1

    Notepad++7.3.1

    Easy-to-use and free code editor

    SublimeText3 Chinese version

    SublimeText3 Chinese version

    Chinese version, very easy to use

    Zend Studio 13.0.1

    Zend Studio 13.0.1

    Powerful PHP integrated development environment

    Dreamweaver CS6

    Dreamweaver CS6

    Visual web development tools

    SublimeText3 Mac version

    SublimeText3 Mac version

    God-level code editing software (SublimeText3)

    Hot Topics

    Java Tutorial
    1664
    14
    PHP Tutorial
    1266
    29
    C# Tutorial
    1239
    24
    Understanding HTML, CSS, and JavaScript: A Beginner's Guide Understanding HTML, CSS, and JavaScript: A Beginner's Guide Apr 12, 2025 am 12:02 AM

    WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

    The Roles of HTML, CSS, and JavaScript: Core Responsibilities The Roles of HTML, CSS, and JavaScript: Core Responsibilities Apr 08, 2025 pm 07:05 PM

    HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

    HTML, CSS, and JavaScript: Essential Tools for Web Developers HTML, CSS, and JavaScript: Essential Tools for Web Developers Apr 09, 2025 am 12:12 AM

    HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

    HTML: The Structure, CSS: The Style, JavaScript: The Behavior HTML: The Structure, CSS: The Style, JavaScript: The Behavior Apr 18, 2025 am 12:09 AM

    The roles of HTML, CSS and JavaScript in web development are: 1. HTML defines the web page structure, 2. CSS controls the web page style, and 3. JavaScript adds dynamic behavior. Together, they build the framework, aesthetics and interactivity of modern websites.

    The Future of HTML, CSS, and JavaScript: Web Development Trends The Future of HTML, CSS, and JavaScript: Web Development Trends Apr 19, 2025 am 12:02 AM

    The future trends of HTML are semantics and web components, the future trends of CSS are CSS-in-JS and CSSHoudini, and the future trends of JavaScript are WebAssembly and Serverless. 1. HTML semantics improve accessibility and SEO effects, and Web components improve development efficiency, but attention should be paid to browser compatibility. 2. CSS-in-JS enhances style management flexibility but may increase file size. CSSHoudini allows direct operation of CSS rendering. 3.WebAssembly optimizes browser application performance but has a steep learning curve, and Serverless simplifies development but requires optimization of cold start problems.

    The Future of HTML: Evolution and Trends in Web Design The Future of HTML: Evolution and Trends in Web Design Apr 17, 2025 am 12:12 AM

    The future of HTML is full of infinite possibilities. 1) New features and standards will include more semantic tags and the popularity of WebComponents. 2) The web design trend will continue to develop towards responsive and accessible design. 3) Performance optimization will improve the user experience through responsive image loading and lazy loading technologies.

    HTML vs. CSS vs. JavaScript: A Comparative Overview HTML vs. CSS vs. JavaScript: A Comparative Overview Apr 16, 2025 am 12:04 AM

    The roles of HTML, CSS and JavaScript in web development are: HTML is responsible for content structure, CSS is responsible for style, and JavaScript is responsible for dynamic behavior. 1. HTML defines the web page structure and content through tags to ensure semantics. 2. CSS controls the web page style through selectors and attributes to make it beautiful and easy to read. 3. JavaScript controls web page behavior through scripts to achieve dynamic and interactive functions.

    HTML: Building the Structure of Web Pages HTML: Building the Structure of Web Pages Apr 14, 2025 am 12:14 AM

    HTML is the cornerstone of building web page structure. 1. HTML defines the content structure and semantics, and uses, etc. tags. 2. Provide semantic markers, such as, etc., to improve SEO effect. 3. To realize user interaction through tags, pay attention to form verification. 4. Use advanced elements such as, combined with JavaScript to achieve dynamic effects. 5. Common errors include unclosed labels and unquoted attribute values, and verification tools are required. 6. Optimization strategies include reducing HTTP requests, compressing HTML, using semantic tags, etc.

    See all articles