HTML | Các điều khoản phổ biến trên trang web

Trang này mô tả chi tiết về những gì bạn muốn biết

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 lần nhìn thấy

HTML | Các điều khoản phổ biến trên trang web

xuất bản trên : 13 Tháng chín 2020

Mỗi lĩnh vực khoa học cụ thể đều có những thuật ngữ cụ thể riêng mà dù muốn hay không cũng phải nắm vững để hiểu rõ về những gì đang nghiên cứu. Trong thế giới của các nhà phát triển trang web hoặc các nhà phát triển trang web, chúng ta thường thấy hoặc nghe nói về HTML, CSS hoặc javascript. Nhưng đôi khi chúng ta không hoặc không thực sự hiểu những thuật ngữ này thực sự có nghĩa là gì.

Trước khi ai đó bước vào thế giới của nhà phát triển, anh ta phải biết những thuật ngữ này. Các nhà phát triển trang web không ở xa thế giới mã hóa. Thuật ngữ mã hóa sẽ tiếp tục được nhúng trong các thuật ngữ ngôn ngữ lập trình hiện có như đã đề cập ở trên, HTML, CSS, v.v. Mã hóa này sẽ hữu ích cho việc dịch các mong muốn của nhà phát triển và thiết bị được sử dụng, điều này sẽ hữu ích như một cách giao tiếp giữa nhà phát triển và thiết bị.

Thôi để nội dung bài này không bị mở rộng ra khỏi tiêu đề của bài viết này, tác giả sẽ không dài dòng nữa. Đây là những thuật ngữ thường được các nhà phát triển sử dụng. Các điều khoản này được trình bày đầy đủ nhất có thể.



1. HTML

Hypertext Markup Language (HTML) là ngôn ngữ đánh dấu tiêu chuẩn cho các tài liệu được thiết kế để hiển thị trong trình duyệt web. Điều này có thể được trợ giúp bởi công nghệ như Cascading Style Sheets (CSS) và các ngôn ngữ kịch bản như JavaScript.

HTML là ngôn ngữ đánh dấu web chính và chạy tự nhiên trong mọi trình duyệt và được duy trì bởi World Wide Web Consortium.

Trình duyệt web nhận tài liệu HTML từ máy chủ web hoặc từ bộ nhớ cục bộ và chuyển đổi chúng thành các trang web đa phương tiện. HTML mô tả cấu trúc của các trang web theo ngữ nghĩa và ban đầu bao gồm các cử chỉ để hiển thị tài liệu.

Phần tử HTML là các khối xây dựng của trang HTML. Với cấu trúc HTML, hình ảnh và các đối tượng khác như hình dạng tương tác có thể được nhúng vào trang được kết xuất. HTML cung cấp phương tiện để tạo tài liệu có cấu trúc bằng cách hiển thị ngữ nghĩa cấu trúc cho văn bản như tiêu đề, đoạn văn, danh sách, liên kết, trích dẫn và các mục khác. Các phần tử HTML được thể hiện bằng các thẻ, được viết bằng dấu ngoặc nhọn. Các thẻ như & lt; img / & gt; và & lt; input / & gt; trực tiếp chèn nội dung vào trang. Các thẻ khác như & lt; p & gt; bao quanh và cung cấp thông tin về văn bản tài liệu và có thể bao gồm các thẻ khác làm thành phần phụ. Trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để diễn giải nội dung trang.

HTML có thể nhúng các chương trình được viết bằng ngôn ngữ kịch bản như JavaScript, điều này ảnh hưởng đến hành vi và nội dung của các trang web. CSS bao gồm xác định hình thức và bố cục của nội dung. World Wide Web Consortium (W3C), người bảo trì HTML trước đây và là người duy trì các tiêu chuẩn CSS hiện tại, đã thúc đẩy việc sử dụng CSS trên HTML trình bày rõ ràng từ năm 1997.

  • Hàm HTML

HTML (HyperText Markup Language) là ngôn ngữ sử dụng một số ký hiệu (thẻ) nhất định để đại diện cho các mã mà trình duyệt phải thông dịch để trang có thể được hiển thị chính xác.

HTML có chức năng quản lý một loạt dữ liệu và thông tin để một tài liệu có thể được truy cập và hiển thị trên Internet thông qua các dịch vụ web. Cụ thể, HTML có các chức năng sau :

  • Tạo các trang web.
  • Hiển thị nhiều thông tin khác nhau trong trình duyệt Internet.
  • Tạo liên kết đến một trang web khác bằng mã cụ thể (siêu văn bản).


  • Sự khác biệt giữa HTML và HTML5

Bạn có thể đã nghe nói về HTML5? sự khác biệt giữa HTML và HTML là gì? Bạn vẫn có thể nghi ngờ hai thuật ngữ này giống nhau?.

HTML4 (gần đây được gọi là “HTML”) được phát hành vào năm 1999 và phiên bản mới nhất của nó đã được giới thiệu đến công chúng vào năm 2014. Được gọi là HTML5, phiên bản mới nhất này bổ sung thêm nhiều tính năng mới cho ngôn ngữ đánh dấu. Một trong những tính năng mạnh mẽ của HTML5 là hỗ trợ nhúng âm thanh và video. Vì vậy, thay vì sử dụng trình phát Flash, chúng tôi có thể nhúng các tệp video và âm thanh trên các trang web bằng cách sử dụng thẻ <audio></audio> & <video></video>. Nó cũng có hỗ trợ tích hợp cho đồ họa vector có thể mở rộng (SVG) và MathML cho các công thức toán học và khoa học.

HTML5 cũng giới thiệu một số cải tiến về ngữ nghĩa. Thẻ ngữ nghĩa mới sẽ gửi thông tin đến trình duyệt về ý nghĩa của nội dung, không chỉ hữu ích cho người đọc mà còn cho các công cụ tìm kiếm. Các thẻ ngữ nghĩa được sử dụng nhiều nhất là : <article></article >, <section></section>, <aside></aside>, <header></header>, và <footer></footer>.

Bảng sau cung cấp thông tin về sự khác biệt đáng kể giữa HTML và HTML5:

# HTML HTML5
1 Không hỗ trợ âm thanh và video nếu không sử dụng hỗ trợ trình phát flash. hỗ trợ điều khiển âm thanh và video với việc sử dụng các thẻ âm thanh và video.
2 Sử dụng cookie để lưu trữ dữ liệu tạm thời. Sử dụng cơ sở dữ liệu SQL và bộ đệm ứng dụng để lưu trữ dữ liệu ngoại tuyến.
3 Không cho phép JavaScript chạy trong trình duyệt. Cho phép JavaScript chạy trong nền. Điều này có thể thực hiện được vì API nhân viên web JS trong HTML5.
4 Đồ họa vector có thể thực hiện được trong HTML với sự trợ giúp của nhiều công nghệ khác nhau như VML, Silver-light, Flash, v.v.. Đồ họa vector cũng là một phần không thể thiếu của HTML5 như SVG và canvas.
5 Không cho phép các hiệu ứng kéo và thả. Cho phép kéo và thả các hiệu ứng.
6 Không thể vẽ các hình dạng như hình tròn, hình chữ nhật, hình tam giác, v.v.. HTML5 giúp bạn có thể vẽ các hình dạng như hình tròn, hình chữ nhật, hình tam giác, v.v..
7 Hoạt động với tất cả các trình duyệt cũ hơn. Được hỗ trợ bởi tất cả các trình duyệt mới như Firefox, Mozilla, Chrome, Safari, v.v..
8 Các phiên bản HTML cũ hơn kém thân thiện hơn với thiết bị di động. Ngôn ngữ HTML5 thân thiện hơn với thiết bị di động.
9 Khai báo Doctype quá dài và phức tạp. Khai báo Doctype khá đơn giản và dễ hiểu.
10 Các phần tử như điều hướng, tiêu đề bị thiếu. Các phần tử mới cho cấu trúc web như điều hướng, đầu trang, chân trang, v.v..
11 Mã hóa ký tự dài và phức tạp. Mã hóa ký tự đơn giản và dễ dàng.
12 Hầu như không thể có được Vị trí địa lý của người dùng thực với sự trợ giúp của trình duyệt. Người ta có thể theo dõi Vị trí địa lý của người dùng một cách dễ dàng bằng cách sử dụng API Vị trí địa lý JS.
13 Không thể xử lý cú pháp không chính xác. Có khả năng xử lý cú pháp không chính xác.
14 Các thuộc tính như bảng mã, không đồng bộ và ping không tồn tại trong HTML. Thuộc tính bảng mã, không đồng bộ và ping là một phần của HTML 5.

Các cải tiến đối với Phần tử HTML trong HTML5, bao gồm cả việc loại bỏ các phần tử sau :

# Các phần tử trong HTML Các phần tử trong HTML5
1 applet tương đương với: object
2 acronym tương đương với: abbr
3 dir tương đương với: ul
4 frameset Đã xóa
5 frame Đã xóa
6 noframes Đã xóa
7 strike Không có thẻ mới. CSS được sử dụng cho việc này
8 big Không có thẻ mới. CSS được sử dụng cho việc này
9 basefont Không có thẻ mới. CSS được sử dụng cho việc này
10 font Không có thẻ mới. CSS được sử dụng cho việc này
11 center Không có thẻ mới. CSS được sử dụng cho việc này
12 tt Không có thẻ mới. CSS được sử dụng cho việc này
  • Các thuộc tính trong HTML

Trong HTML có một số thuộc tính thường được sử dụng, tác giả sẽ chỉ trình bày các điểm trong dàn ý để đơn giản hóa các giải thích khác. Nó giống như :

  • CLASS
  •                     <div class="big-box yellow-box">Đó là một hộp lớn màu vàng.</div>
                        
  • ID
  •                     <div id="my-box">Đây là hộp của tôi! Đặt văn bản của bạn vào một số hộp khác.</div>
                        
  • HREF
  •                     <a href="http://google.com">Google nó!</a>
                        
  • BODY
  •                     <html>
                          <head>
                            <title>Ví dụ về thẻ body</title>
                          </head>
                          <body>
                            Nó ở trong cơ thể!
                          </body>
                        </html>
                        
  • CHILDREN
  •                     <ul id="parent">
                          <li id="child">Tôi là con trai của cha mẹ!</li>
                        </ul>
                        
  • COMMENTS
  •                     <!-- Đây là một nhận xét HTML! -->
                        
  • DIV
  •  
                        <div>Đây là một phần tử div.</div> 
                        
  • HTML
  •  
                        <!DOCTYPE html>
                        <html>
    
                        Phần html này tải mã bên trang web.
    
                        </html>
                        
  • HEAD
  •                     <html>
                          <!-- bagian "head" -->
                          <head>
                          </head>
                          <!-- bagian "head" -->
                          <body>
                          </body>
                        </html>
                        
  • HEADINGS
  •                     Phần đầu đề có thể chứa h1, h2, h3, h4, h5 hoặc h6. Đây là một ví dụ :
    
                        <h1> Đây là tiêu đề H1 ! </h1>
                        <h2> Đây là tiêu đề H2 ! </h2>
                        <h3> Đây là tiêu đề H3 ! </h3>
                        ... dan seterusnya.
                        
  • HORIZONTAL RULES
  •                     Văn bản "hr" sẽ được đặt theo chiều ngang với đường viền màu đen dày 1px.
    
                        Văn bản blog của bạn.
                        <hr>
                        ...văn bản tiếp theo.
                        
  • HYPERLINKS
  •                     <a href="url liên kết này đi tới">văn bản liên kết</a>
                        Teks berikut ini <a href="http://google.com">Đi đến google</a>.
                        
  • IMAGES
  •                     <img src="./assets/img/bức tranh của tôi.png" class="style" alt="bức tranh của tôi">
                        
  • LINE BREAKS
  •                     <p> Một số tiếp theo <br/> kéo dài hai dòng </p>
                        
  • LINKS
  •                     <link type="text/css" rel="stylesheet" href="styles.css" />
                        
  • LISTS
  •                     * Lists
    
                        <ul>
                          <li>Cras justo odio</li>
                          <li>Dapibus ac facilisis in</li>
                          <li>Morbi leo risus</li>
                          <li>Porta ac consectetur ac</li>
                          <li>Vestibulum at eros</li>
                        </ul>
                        <br>
                        cũng có thể được dịch là :
                        <br>
                        <div class="col-md-12" >
                          <div class="list-group">
                            <a href="#" class="list-group-item list-group-item-action active"> Cras justo odio </a>
                            <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
                            <a href="#" class="list-group-item list-group-item-action">Morbi leo risus
                            <a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
                            <a href="#" class="list-group-item list-group-item-action disabled">Vestibulum at eros</a>
                          </div>
                        </div>
                        
  • PARAGRAPHS
  •                     <p> Đây là đoạn văn bản! </p>
                        
  • SEMANTIC FORMATTING
  •                     <p> <strong> Cảnh báo: Axit có thể gây bỏng nặng </strong> </p>
                        
  • TAGS & ELEMENTS
  •                        <table class="table">
                              <thead>
                                <tr>
                                  <th scope="col">#</th>
                                  <th scope="col">First</th>
                                  <th scope="col">Last</th>
                                  <th scope="col">Handle</th>
                                </tr>
                              </thead>
                              <tbody>
                                <tr>
                                  <th scope="row">1</th>
                                  <td>Mark</td>
                                  <td>Otto</td>
                                  <td>@mdo</td>
                                </tr>
                                <tr>
                                  <th scope="row">2</th>
                                  <td>Jacob</td>
                                  <td>Thornton</td>
                                  <td>@fat</td>
                                </tr>
                                <tr>
                                  <th scope="row">3</th>
                                  <td>Larry</td>
                                  <td>the Bird</td>
                                  <td>@twitter</td>
                                </tr>
                              </tbody>
                            </table>
                        
  • TAGS & ELEMENTS
  •                     <tag attribute='value'>Nội dung</tag>
                        
  • TITLE
  •                     <title>Bài báo của tôi</title>
                        

Tags:

Bình luận