Hướng dẫn the aside trong html - sang một bên trong html

  • Trang chủ
  • Tham khảo
  • Tag html
  • html5

Định nghĩa và sử dụng

  • Tag định nghĩa nội dung bên ngoài nội dung chính (thường là phần sidebar).
  • Tag nên có nội dung liên quan tới phần nội dung chính.
  • Tag có thể chứa tất cả các tag định dạng khác.

Sự khác nhau giữa HTML4.01 và HTML5

HTML4.01HTML5
● Không hỗ trợ ● Đây là tag mới trong HTML5

Html viết:

Tiêu đề cho aside Nội dung cho aside

Tiêu đề cho aside


Nội dung cho aside


Trình duyệt hỗ trợ

Yêu cầu phiên bản trình duyệt với mức tối thiểu được hỗ trợ cho thẻ :

Trình duyệt dành cho PC:

Tag được hỗ trợ trong đa số các trình duyệt, tuy nhiên các trình duyệt IE6, IE7, IE8 muốn hiển thị đúng thì cần phải có thêm css và javascript hỗ trợ:

Css viết:

aside {
    display: block;	
}

Javascript viết:

Đoạn javascript này sử dụng chung cho cả các tag: , , , , , , , , , , , ,

(function (){
    var els = [	'section', 'article', 'hgroup', 'header', 'footer', 'nav', 'aside', 
	'figure', 'mark', 'time', 'ruby', 'rt', 'rp' ];
    for (var i=0; i

Thiết bị hỗ trợ

Yêu cầu phiên bản hệ điều hành và trình duyệt với mức tối thiểu được hỗ trợ cho thẻ :

ĐIỆN THOẠI (SMARTPHONE)

Hệ điều hành

Trình duyệt

MÁY TÍNH BẢNG (TABLETS)

Hệ điều hành

Trình duyệt

MÁY TÍNH BẢNG (TABLETS)

Thuộc tính

Cách sử dụng:

Thuộc tính Tổng quát và thuộc tính sự kiện

article là phần tử để bao bọc nội dung độc lập, nó có thể là một bài post của diễn đàn, một bài viết của trang, một bài báo, một bình luận ... hoặc bất kỳ một nội dung độc lập nào.

Thẻ

trong HTML5 được dùng thay thế cho thẻ của HTML4.

Tiêu đề bài viết

Các nội dung bài viết

Phần tử có thể chứa các khác. Các bên trong trình bày các nội dung liên quan đến bên ngoài.

Thẻ

Thẻ dùng để phân chia một cách logic một trang, một article. Vậy Thẻ dùng để chia nội dung trong một article. Ví dụ như trang chủ có thể có một chứa thông tin giới thiệu về công ty, khác chứa mục tin tức, khác chứa thông tin liên hệ ...

Mỗi là một khối xác định, thường nó có chứa các tiêu đề (h2 - h6) để phân chia

Chào mừng

Tiêu đề

Nội dung, hình ảnh ...

Thẻ

Thẻ dùng để phân chia một cách logic một trang, một article. Vậy Thẻ dùng để chia nội dung trong một article. Ví dụ như trang chủ có thể có một chứa thông tin giới thiệu về công ty, khác chứa mục tin tức, khác chứa thông tin liên hệ ...

Quà tặng cho mọi người

Trang web giúp bạn chọn và mua quà tặng

Định nghĩa và cách sử dụng

Thẻ định nghĩa nội dung bên ngoài nội dung chính.

Nội dung trong nên liên quan tới phần nội dung chính.

Trình duyệt hỗ trợ

Hướng dẫn the aside trong html - sang một bên trong html

Hướng dẫn the aside trong html - sang một bên trong html
Hướng dẫn the aside trong html - sang một bên trong html
Hướng dẫn the aside trong html - sang một bên trong html
Hướng dẫn the aside trong html - sang một bên trong html
6.0 4.0 9.0 11.1 5.0

được hỗ trợ trong hầu hết các trình duyệt, tuy nhiên các trình duyệt IE6, IE7, IE8 muốn hiển thị đúng thì cần phải có thêm CSS và JavaScript hỗ trợ.

Thẻ là tag mới trong HTML5.

Cấu trúc

Ví dụ



Tôi thường đọc tin tức và thủ thuật máy tính trên website Quantrimang.com.

Note: Quantrimang.com mong muốn các thành viên của mình luôn
nắm bắt được những thông tin, kiến thức, xu hướng công nghệ mới nhất.


Hiển thị trên trình duyệt:

Tôi thường đọc tin tức và thủ thuật máy tính trên website Quantrimang.com.

Website Quantrimang
Quantrimang.com là mạng xã hội về khoa học công nghệ, đang mở rộng nội dung để
đáp ứng nhu cầu của các thành viên về nhiều lĩnh vực công nghệ hơn như điện thoại,
thiết bị thông minh, điện tử, bảo mật máy tính...

Note: Quantrimang.com mong muốn các thành viên của mình luôn nắm bắt được những
thông tin, kiến thức, xu hướng công nghệ mới nhất.

Sử dụng trên CSS:

aside { 
display: block;
}